<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件上传示例</title>
    <!-- 引入 layui.css -->
    <link href="./layui/css/layui.css" rel="stylesheet">
    <link href="be-upload/common/common.css" rel="stylesheet">
</head>
<body>
<div id="imgupload"></div>
</body>
<!-- 引入 layui.js -->
<script src="./layui/layui.js"></script>
<script src="be-upload/common/common.js"></script>
<script>
    layui.use(['BeImgUpload'], function () {
        let beImgUpload = layui.BeImgUpload;

        //图片上传，会把图片的id通过逗号拼接成字符串，保存时通过name属性发送
        beImgUpload.render({
            id: "#imgupload",
            name: "imgIds",
            num: 5,   //图片数量限制
            size: 10, //10M, 大小限制
            readonly: false, //非只读
            type: ".png,.jpg,.jpeg",
            value: ['fileId1', 'fileId2']  //图片初始化，是图片id可以是数组,也可以是以,拼接的字符串
        });
    })
</script>
</html>